<template>
  <div>
    <!-- 列表渲染 -->
    <ul v-for="(item, index) in movies" :key="item.id">
      <li>{{ item.name }}---{{ item.score }}</li>
    </ul>
  </div>
</template>
<script setup>
import { ref } from 'vue'

let movies = ref([
  { id: 1, name: '流浪地球', score: 8.5 },
  { id: 2, name: '哪吒之魔童降世', score: 8.8 },
  { id: 3, name: '复仇者联盟4', score: 8.0 },
  { id: 4, name: '少年的你', score: 8.5 },
  { id: 5, name: '误杀', score: 8.5 },
  { id: 6, name: '少年的你', score: 8.5 },
  { id: 7, name: '误杀', score: 8.5 },
  { id: 8, name: '少年的你', score: 8.5 },
  { id: 9, name: '误杀', score: 8.5 },]
  )

console.log(movies.value)


</script>
<style scoped></style>